<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <!--共有部分-start-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <link rel="stylesheet" href="static/css/common.css">
    <script src="static/js/config.js"></script>
    <script src="static/lib/jquery.min.js"></script>
    <!--共有部分-end-->

    <link rel="stylesheet" href="static/css/home.css">
</head>
<body>
    <!--公用导航-start-->
    <div class="header">
        <div class="inner">
            <div class="logo">
                <a href=""></a>
            </div>
            <div class="info">
                <span class="date">2017年10月10日</span>&nbsp;&nbsp;<span class="day"></span>&nbsp;&nbsp;|&nbsp;&nbsp;报料人&nbsp;&nbsp;<span class="informer">1212</span>&nbsp;位&nbsp;&nbsp;当前在线<span class="online">123123</span>人
            </div>
            <div class="user">
                <a href=""><span class="icon-user"></span><em>登录</em></a>
                <a href=""><span class="icon-search"></span><em>查找</em></a>
            </div> 
        </div>
    </div>
    <div class="nav">
        <div class="inner">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">最新</a></li>
                <li><a href="">热门</a></li>
                <li><a href="">报料反馈</a></li>
                <li class="act"><a href="">红黑榜</a></li>
                <li><a href="">附件报料</a></li>
            </ul>
            <a class="write" href="">
                <span class="icon-write"></span>
                <em>我要报料</em>
            </a>
        </div>
    </div>
    <!--公用导航-end-->

    <div class="main">
        <div class="wrapper">
            <div class="red rank">
                <div class="head">
                    <span>红榜</span>
                </div>
                <div class="rank-list">
                    <div class="rank-item">
                        <p class="title"><a href="">有人在民治市场旁边农业银行停车场入口里面的大楼要自杀</a></p>
                        <p>
                            <span class="department">被点名单位：<em>深圳市幼妇保健院</em></span>
                            <span class="score"><em>9</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                    <div class="rank-item">
                        <p class="title"><a href="">我家下水管道被人恶意注入发泡胶堵死</a></p>
                        <p>
                            <span class="department">被点名单位：<em>南山桃源村</em></span>
                            <span class="score"><em>8</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                    <div class="rank-item">
                        <p class="title"><a href="">陆丰一镇府对豪华“镀金”新坟为何如此“懒政怠政”？</a></p>
                        <p>
                            <span class="department">被点名单位：<em>南山桃源村</em></span>
                            <span class="score"><em>9</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                </div>
            </div>
            <div class="black rank">
                <div class="head">
                    <span>黑榜</span>
                </div>
                <div class="rank-list">
                    <div class="rank-item">
                        <p class="title"><a href="">深圳市交委宝安交通局违规擅自统一配发交通制服</a></p>
                        <p>
                            <span class="department">被点名单位：<em>深圳市幼妇保健院</em></span>
                            <span class="score"><em>1</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                    <div class="rank-item">
                        <p class="title"><a href="">我家下水管道被人恶意注入发泡胶堵死</a></p>
                        <p>
                            <span class="department">被点名单位：<em>南山桃源村</em></span>
                            <span class="score"><em>2</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                    <div class="rank-item">
                        <p class="title"><a href="">陆丰一镇府对豪华“镀金”新坟为何如此“懒政怠政”？</a></p>
                        <p>
                            <span class="department">被点名单位：<em>南山桃源村</em></span>
                            <span class="score"><em>3</em>分<span class="icon-select"></span></span>
                        </p>
                        <p class="status">处理结果：<span>已解决</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <ul>
            <li>
                <a target="_blank" href="http://www.oeeee.com/about/index.html">关于奥一</a>
            </li>
            <li>
                <a target="_blank" href="http://user.oeeee.com/protocol/protocol_index.html">服务条款</a>
            </li>
            <li>
                <a target="_blank" href="http://em.oeeee.com/">全媒体营销中心</a>
            </li>
            <li>
                <a target="_blank" href="http://www.oeeee.com/sitemap/">网站地图</a>
            </li>
            <li>
                <a target="_blank" href="http://bbs.oeeee.com/thread-16786141-1-1.html">举报及建议</a>
            </li>
            <li>
                <a target="_blank" href="http://baoliao.oeeee.com/archiver/index.html">Archiver</a>
            </li>
        </ul>
        <span class="copyright">Copyright © 1996~2017 oeeee corporation. All Rights Reserved</span>
    </div>
</body>
</html>